<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="http://cdn.highcharts.com.cn/highcharts/highcharts.js"></script>
    <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
</head>
<body>
<div id="container" style="width: 600px;height:400px;"></div>

<script>

    $.get("/ssm/tj/kesCountTj",function (backData) {
        showLine(backData.data);
    });

    function showLine(haha) {
        var chart = Highcharts.chart('container', {
            chart: {
                type: 'area'
            },
            title: {
                text: '好医生医院每个科室在2015年-2022年预约的病人数量'
            },
            xAxis: {
                categories: ['2015-11-11','2016-11-11','2017-11-11','2018-11-11', '2019-11-11', '2020-11-11', '2021-11-11', '2022-11-11'],
                tickmarkPlacement: 'on',
                title: {
                    enabled: false
                }
            },
            yAxis: {
                title: {
                    text: '百'
                },
            },
            tooltip: {
                split: true,
                valueSuffix: '百'
            },
            plotOptions: {
                area: {
                    stacking: 'normal',
                    lineColor: '#666666',
                    lineWidth: 1,
                    marker: {
                        lineWidth: 1,
                        lineColor: '#666666'
                    }
                }
            },
            series: [{
                name: '',
                data: []
            }]
        });

        for (var i = 0;i<haha.length;i++){
            chart.series.name=haha.name;
            chart.series.data[i]=haha.data[i];
        }
    }

</script>
</body>
</html>